$(function() {
    // 点击"去注册账号"的链接
    $("#link_reg").click(function() {
            $("#login-form").hide()
            $("#reg-form").show()
        })
        // 点击"去登录"的链接
    $("#link_login").click(function() {
        $("#reg-form").hide()
        $("#login-form").show()
    })

    // 校验登录及注册信息
    // 获取到layui的form对象
    var form = layui.form
        // 获取layui的layer对象
    var layer = layui.layer
        // 通过form.verify()函数自定义校验规则
    form.verify({
            // 自定义password校验规则
            pwd: [
                /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
            ],
            revisePwd: function(value) {
                // 两次密码的校验规则有如下需要做的
                // 先要获取到密码框的内容
                // 然后进行一次判断，判断两次密码是否相同
                // 如果判断不同，则return一个错误信息的提示
                var pwd = $("#reg-form [name=password]").val()
                if (pwd !== value) {
                    return '两次密码不一致'
                }
            }
        })
        // 注册模块
        // 监听注册表单的提交事件

    $("#reg-form").on("submit", function(e) {
            // 注册默认提交行为
            e.preventDefault()

            // 获取到相关数据
            var data = {
                username: $("#reg-form [name=username]").val(),
                password: $("#reg-form [name=password]").val(),
            }
            $.post('/api/reguser', data, function(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message);;
                }
                layer.msg('注册成功，请登录')
                    // 手动调用去登录的点击行为
                $("#link_login").click()
            })
        })
        // 登录模块
        // 监听登录表单的提交事件
    $("#login-form").submit(function(e) {
            // 阻止默认提交行为
            e.preventDefault()
                // 通过serialize() 函数获取的到表单数据
            var data = $(this).serialize()
                // ajax发起请求
            $.ajax({
                method: 'POST',
                url: '/api/login',
                data: data,
                success: function(res) {
                    if (res.status !== 0) {
                        return layer.msg(res.message)
                    }
                    layer.msg("登录成功")

                    var token = res.token;
                    // 存储登录的信息密钥  便于后面需要授权的时候，能调用身份认证使用，否则没有权限不能进行操作
                    localStorage.setItem('token', token);
                    // 跳转到后台主页
                    location.href = '/index.html';
                }
            })
        })
        // var loginForm = document.querySelector("#login-form")
        // loginForm.addEventListener("submit", function(e) {
        //     // 阻止默认提交行为
        //     e.preventDefault()

    //     var xhr = new XMLHttpRequest()
    //     xhr.open('POST', 'http://ajax.frontend.itheima.net/api/login')
    //     xhr.setRequestHeader('Content-Type', "multipart/form-data")
    //     var data = new FormData(loginForm)
    //     xhr.send(data)
    //     xhr.onreadystatechange = function() {
    //         if (xhr.readyState === 4 && xhr.status === 200) {
    //             console.log(JSON.parse(xhr.responseText))
    //         }
    //     }
    // })
})